{extend name="index_layout"/}
{block name="main"}
<!--    <div class="layui-body">-->
<div class="layui-container">
    <div class="layui-card">
        <div class="layui-card-header">基本信息</div>
        <div class="layui-card-body">
            <p><strong>用户ID：</strong> {$data.member_id}</p>
            <p><strong>用户昵称：</strong> {$member.nickname}</p>
        </div>
    </div>


    <div class="layui-card">
        <div class="layui-card-header">订单信息</div>
        <table class="layui-table">
            <thead>
            <tr>
                <th>订单号</th>
                <th width="80" >总金额</th>
                <th width="80">支付金额</th>
                <th width="40">数量</th>
                <th width="80">备注</th>
                <th width="100">支付状态</th>
                <th width="120">支付时间</th>

            </tr>
            </thead>
            <tbody>
            <tr>
                <td>{$data.out_trade_no}</td>
                <td>{$data.amount}</td>
                <td>{$data.pay_amount}</td>
                <td>{$data.nums}</td>
                <td>{$data.notes}</td>
                {if $data.status == 0}
                <td>待支付</td>
                {elseif $data.status ==1}
                <td>待发货</td>
                {elseif $data.status ==2}
                <td>已发货</td>

                {elseif $data.status ==3}
                <td>已完成</td>
                {else/}
                <td>取消订单</td>
                {/if}
                <td>{$data.pay_time|date='Y-m-d H:i:s'}</td>
            </tr>
            <!-- 其他商品信息 -->
            </tbody>
        </table>
    </div>

    <div class="layui-card">
        <div class="layui-card-header">商品信息</div>
        <table class="layui-table">
            <thead>
            <tr>
                <th>商品分类</th>
                <th>商品图片</th>
                <th>商品名称</th>
                <th>商品价格</th>

            </tr>
            </thead>
            <tbody>
            <tr>
                <td>{$data.goods_cate_name}</td>
                <td><img src="{$data.goods_image}" alt=""></td>
                <td>{$data.goods_name}</td>
                <td>{$data.goods_price}</td>
            </tr>
            <!-- 其他商品信息 -->
            </tbody>
        </table>
    </div>

    <div class="layui-card">
        <div class="layui-card-header">地址信息</div>
        <table class="layui-table">
            <thead>
            <tr>
                <th>姓名</th>
                <th>手机号</th>
                <th>地址</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>{$data.realname}</td>
                <td>{$data.phone}</td>
                <td>{$data.address}</td>

            </tr>
            </tbody>
        </table>
    </div>


    {if $data.express_name}
    <div class="layui-card">
        <div class="layui-card-header">快递信息</div>
        <table class="layui-table">
            <thead>
            <tr>
                <th>快递名称</th>
                <th>单号</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>{$data.express_name}</td>
                <td>{$data.express_nums}</td>

            </tr>
            </tbody>
        </table>
    </div>
    {/if}


</div>
<!--    </div>-->

<script src="https://cdn.jsdelivr.net/npm/layui-src/dist/layui.all.js"></script>
<script>
    layui.use(['element'], function () {
        var element = layui.element;
    });
</script>


{/block}
{block name="script"}
<script type="text/javascript">
    layui.use('yznForm', function () {
        var yznForm = layui.yznForm;
        yznForm.bindevent($("form.layui-form"));
    });
</script>
{/block}